<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Kukui Cup</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/bootstrap-override.css" rel="stylesheet">
<link href="css/makahiki-structure.css" rel="stylesheet">
<link rel="stylesheet/less" type="text/css" href="css/greg-theme.less">
<script src="http://lesscss.googlecode.com/files/less-1.3.0.min.js" type="text/javascript"></script> 
<link href="css/profile.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target=".subnav" data-offset="50">
    <div id="info-bar-wide" class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <div class="span1">
                    <img src="./images/default_avatar.png" />
                </div>
                <div class="span3">
                    <h4>Cam M.</h4>
                    <div id="user-cycle">
                        <div>
                            <ul>
                                <li>Rnd 1: 20 points. #2/2 in
                                    Ilima-E.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Rnd 1: 20 points. #4/17
                                    overall.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Overall: 20 points. #1/2 in
                                    Ilima-E.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Overall: 20 points. #1/17
                                    overall.</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="span3">
                    <h4>Mokihana: Lounge A</h4>
                    <!-- 					<div class="span2 offset1"> -->
                    <div id="team-cycle">
                        <div>
                            <ul>
                                <li>Overall: 570 points. #2 out of
                                    20.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Round 1: 88 kWh. #1 out of 20.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Round 1: 50 gallons. #7 out of
                                    20.</li>
                            </ul>
                        </div>
                    </div>
                    <!-- 					</div> -->
                </div>
                <div class="span3" style="text-align: center">
                    <div id="round-cycle">
                        <div class="span3">
                            <ul>
                                <li><h4>Overall Round</h4></li>
                                <li>Ends in 5 Days, 9 Hours, and 39
                                    Minutes</li>
                            </ul>
                        </div>
                        <div class="span3">
                            <ul>
                                <li><h4>Next Workshop</h4></li>
                                <li>Friday evening @ 5pm.</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="span2">
                    <button id="header-feedback"
                        href="javascript:void(0);">Send
                        Feedback</button>
                    <a href="landing.html">Logout</a>
                </div>
            </div>
        </div>
    </div>
    <div id="info-bar-single" class="container-fluid">
        <div class="row-fluid">
            <div class="span12" style="text-align: center">
                <div class="span4">
                    <div id="single-cycle">
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points in Round 1</br>#2 out of 2 in Ilima-E
                        </div>
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points in Round 1</br>#4 out of 17 overall
                        </div>
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points #1 out of 2 in Ilima-E
                        </div>
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points #1 out of 17 overall
                        </div>
                        <div class="span3">
                            <h4>Mokihana: Lounge A</h4>
                            570 points #2 out of 20
                        </div>
                        <div class="span3">
                            <h4>Mokihana: Lounge A</h4>
                            88 kWh #1 out of 20
                        </div>
                        <div class="span3">
                            <h4>Mokihana: Lounge A</h4>
                            50 gallons #7 out of 20
                        </div>
                        <div class="span3">
                            <h4>Overall Round</h4>
                            Ends in 5 Days, 9 Hours, and 39 Minutes
                        </div>
                        <div class="span3">
                            <h4>Next Workshop</h4>
                            Friday evening @ 5pm.
                        </div>
                    </div>
                </div>
                <div id="feedback-logout" class="span2">
                    <button id="header-feedback"
                        href="javascript:void(0);">Send
                        Feedback</button>
                    <a href="landing.html">Logout</a>
                </div>
            </div>
        </div>
    </div>
    <p></p>
    <p></p>
    <!-- Navbar
    ================================================== -->
    <div class="navbar">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse"
                    data-target=".nav-collapse"> <span
                    class="icon-bar"></span> <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <div class="brand">
                    <img src="./images/spacer-54.png"
                        alt="University of Hawaii" />
                    <div class="caption">Kukui Cup/UH</div>
                </div>
                <div class="nav-collapse">
                    <ul class="nav">
                        <!-- Choose the correct active page by adding active to the class list -->
                        <li class="home"><a href="home.html"
                            class="home"><img
                                src="./images/spacer-54.png">Home</a></li>
                        <li class=""><a href="activities.html"
                            class="activities"> <img
                                src="./images/spacer-54.png"> Get
                                Nutz
                        </a></li>
                        <li class=""><a href="energy.html"
                            class="energy"> <img
                                src="./images/spacer-54.png"> Go
                                Low
                        </a></li>
                        <li class=""><a href="water.html"
                            class="water"><img
                                src="./images/spacer-54.png">
                                Water</a></li>
                        <li class=""><a href="news.html"
                            class="news"> <img
                                src="./images/spacer-54.png"> News
                        </a></li>
                        <li class=""><a href="advanced.html"
                            class="advanced"><img
                                src="./images/spacer-54.png">
                                Advanced</a></li>
                        <li class=""><a href="prizes.html"
                            class="prizes"> <img
                                src="./images/spacer-54.png">
                                Prizes
                        </a></li>
                        <li class="active"><a href="profile.html"
                            class="profile"> <img
                                src="./images/spacer-54.png">
                                Profile
                        </a></li>
                        <li class=""><a href="help.html"
                            class="help"> <img
                                src="./images/spacer-54.png"> Help
                        </a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div id="quest-box" style="clear: both">
        <div id="quest-header">
            <h3 id="quest-title">Your Quests</h3>
            <a
                href="http://dasha.ics.hawaii.edu:8200/profile/?ref=nav-button#"
                style="float: right"> <img
                src="./images/icon-help-sm.png" width="20"
                align="center"
                title="Click to get help about this window"
                onclick="toggleHelp(&#39;widget&#39;, &#39;quests&#39;); return false;"></a>
        </div>

        <div style="clear: both"></div>

        <ul id="quest-list">
            <li><a href="javascript:void(0)" id="get-social"
                class="quest-title "> Get social </a></li>

            <li><a href="javascript:void(0)"
                id="get-fully-committed-badge" class="quest-title ">
                    Get the Fully Committed badge </a></li>

            <li><a href="javascript:void(0)"
                id="check-lounge-energy-use" class="quest-title ">
                    Check lounge energy use </a></li>
        </ul>
    </div>
    <p></p>
    <div class="container-fluid">
        <div class="row-fluid"> 
            <div class="span6"> 
                <div class="content-box"> 
                    <div class="content-box-title">
                        My Info
                        <a href="#" style="float: right">
                            <img src="/site_media/static//css/default/images/icon-help-sm.png" width="20"
                               align="center"
                               title="Click to get help about this window"
                               onclick="toggleHelp('widget', 'my-info'); return false;"
                                  /></a>
                    </div>  
                        <form action="/profile/" method="post">
                         
                            <table>
                                <tr>
                                    <td colspan="2" class="profile-section-header">General</td>
                                </tr>
                                
                                <tr>
                                    <td class="profile-form-label"><label for="id_display_name">Display name</label></td>
                                    <td><input type="text" name="display_name" value="Greg Bur" maxlength="20" /></td>
                                </tr>
                                <tr>
                                    <td class="profile-form-label"><label
                                            for="picture">Picture</label></td>
                                    <td>
                                        <img src="/site_media/static/images/default_avatar.png"/>
                                        <a href="/avatar/change/" style="padding-left: 15px">change picture</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="profile-section-header" colspan="2">Reminder
                                        Settings
                                    </td>
                                </tr>
                                
                                <tr>
                                    <td class="profile-form-label"><label
                                            for="id_event_email">Email</label></td>
                                    <td><input type="text" name="contact_email" value="gburgess@hawaii.edu"/></td>
                                </tr>
                                
                                <tr >
                                    <td class="profile-form-label">         <label for="id_event_text">Text</label>
                                    </td>
                                    <td>
                                        <input style="width: 100px" type="text" name="contact_text" value="111-111-1111"/>
                                        <select name="contact_carrier">
                                            <option value="att" selected="selected">AT&amp;T</option>
                                            <option value="sprint">Sprint</option>
                                            <option value="tmobile">T-Mobile</option>
                                            <option value="verizon">Verizon</option>
                                            <option value="mobi">Mobi PCS</option>
                                            <option value="virgin">Virgin Mobile</option>
                                            <option value="alltel">AllTel</option>
                                        </select>
                                    </td>
                                </tr> 
                            </table>
                        <div>
                            <a href="#">Save Changes</a>
                            <script type="text/javascript">
                                $(document).ready(function () {
                                    $("#profile-form-submit-button").click(function () {
                                        $(this).parents("form").submit();
                                    });
                                });
                            </script>
                        </div>
                    </form>
 
                </div> 
            </div>  
            
            <div class="span6"> 
                <!-- My Badges -->
                <div class="content-box"> 
                    <div class="content-box-title">
                        My Badges
                        <a href="#" style="float: right">
                            <img src="/site_media/static//css/default/images/icon-help-sm.png" width="20"
                               align="center"
                               title="Click to get help about this window"
                               onclick="toggleHelp('widget', 'my-badges'); return false;"
                                  />
                        </a>
                    </div> 
  
                    <table>
                        <tr>
                            <th class="width-ten-percent"></th>
                            <th>Badge</th>
                            <th>Achievement</th>
                        </tr> 
                        <tr>
                            <td><img src="/site_media/static/images/badges/Threepeater.gif"/></td>
                            <td>Daily Visitor</td>
                            <td>Visited the site 3 days in a row.</td>
                        </tr> 
                        <tr>
                            <td><img src="/site_media/static/images/badges/badge.gif"/></td>
                            <td>Fully Committed</td>
                            <td>Participating in 5 commitments at the same time.</td>
                        </tr> 
                    </table>
                    <div >
                        <a href="/badges/badges/">See Badge Catalog</a> 
                    </div>  
                </div>

                <!-- My Public Commitment-->
                <div class="content-box"> 
                <div class="content-box">
                    <div class="content-box-title">
                        My Public Commitments
                        <a href="#" style="float: right">
                            <img src="/site_media/static//css/default/images/icon-help-sm.png" width="20"
                                 align="center"
                                 title="Click to get help about this window"
                                 onclick="toggleHelp('widget', 'my-public-commitments'); return false;" />
                        </a>
                    </div>
                    <div> 
                    
                        <table>
                            <tr>
                                <th>Commitment</th>
                                <th>Expires</th>
                            </tr>
                            
                            <tr>
                                <td>
                                    <a href="/smartgrid/commitment/off-b4-bed/">
                                        I will turn off all appliances every night before going to sleep
                                    </a>
                                </td>
                                <td >April 30, 2012</td>
                            </tr>
                        
                            <tr>
                                <td>
                                    <a href="/smartgrid/commitment/turn-off-water/">
                                        I will turn off water when brushing my teeth or shaving
                                    </a>
                                </td>
                                <td >April 30, 2012</td>
                            </tr>
                        
                            <tr>
                                <td>
                                    <a href="/smartgrid/commitment/turn-off-vampires/">
                                        I will turn off vampire loads using a power strip
                                    </a>
                                </td>
                                <td >April 30, 2012</td>
                            </tr>
                        
                            <tr>
                                <td>
                                    <a href="/smartgrid/commitment/water-in-shower/">
                                        I will turn off water when sudsing and scrubbing in shower
                                    </a>
                                </td>
                                <td >April 30, 2012</td>
                            </tr>
                        
                            <tr>
                                <td>
                                    <a href="/smartgrid/commitment/task-lighting/">
                                        I will use task lighting instead of overhead lights
                                    </a>
                                </td>
                                <td >April 30, 2012</td>
                            </tr>
                            
                        </table>
 
                    </div> 
                </div>
            </div>

            <!-- My Achievements-->
            <div class="content-box"> 
            <div class="content-box-title">
              My Achievements
              <a href="#" style="float: right">
                  <img src="/site_media/static//css/default/images/icon-help-sm.png" width="20"
                       align="center"
                       title="Click to get help about this window"
                       onclick="toggleHelp('widget', 'my-achievements'); return false;"/>
              </a>
            </div> 
            <!--Current & Pending-->
            <h5>Current and Pending</h5> 
            <table>
                <tr>
                    <th>Date</th>
                    <th>Task</th>
                    <th>Status</th>
                </tr>
                
                    
                        <tr>
                            <td>4/9/12</td>
                            <td>
                                <a href="/smartgrid/commitment/task-lighting/">
                                    Commitment: task lighting
                                </a>
                            </td>
                            <td title="The commitment is still active.">In Progress</td>
                        </tr>
                    
                
                    
                        <tr>
                            <td>4/9/12</td>
                            <td>
                                <a href="/smartgrid/commitment/water-in-shower/">
                                    Commitment: water in shower
                                </a>
                            </td>
                            <td title="The commitment is still active.">In Progress</td>
                        </tr>
                    
                
                    
                        <tr>
                            <td>4/9/12</td>
                            <td>
                                <a href="/smartgrid/commitment/turn-off-vampires/">
                                    Commitment: Turn off vampires
                                </a>
                            </td>
                            <td title="The commitment is still active.">In Progress</td>
                        </tr>
                    
                
                    
                        <tr>
                            <td>4/9/12</td>
                            <td>
                                <a href="/smartgrid/commitment/turn-off-water/">
                                    Commitment: turn off water
                                </a>
                            </td>
                            <td title="The commitment is still active.">In Progress</td>
                        </tr>
                    
                
                    
                        <tr>
                            <td>4/9/12</td>
                            <td>
                                <a href="/smartgrid/commitment/off-b4-bed/">
                                    Commitment: Off b4 bed
                                </a>
                            </td>
                            <td title="The commitment is still active.">In Progress</td>
                        </tr>
                    
                
            </table>
 
            <!--Previously Awarded-->
            <h5>Previously Awarded</h5> 
                <table>
                    <tr >
                      <th>Date
                      </th>
                      <th>Task
                      </th>
                      <th>
                          Points
                      </th>
                    </tr>
                  
                    <tr>
                        <td>4/9/12</td>
                        
                        
                            <td>Commitment: I will turn off the lights when leaving any room (Removed)</td>
                            <td>-2</td>
                        
                    </tr>

                    <tr>
                        <td>4/9/12</td>
                        
                        
                            <td>Commitment: I will turn off the lights when leaving any room</td>
                            <td>2</td>
                        
                    </tr> 
                </table>
 
                </div>
            </div>
        </div>
    </div>
 

  <!-- javascript
   ================================================== -->
  <!-- Placed at the end of the document so the pages load faster -->
  <script src="/site_media/static/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
  <script src="/site_media/static/js/jquery.cycle.all.js" type="text/javascript"></script>
  <script type="text/javascript">
      $.fn.cycle.defaults.timeout = 6000;
      $(function() {
          $('#user-cycle').cycle({
              fx : 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
              fit : 1
          });
      });

      $(function() {
          $('#team-cycle').cycle({
              fx : 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
              fit : 1
          });
      });

      $(function() {
          $('#round-cycle').cycle({
              fx : 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
              fit : 1
          });
      });
      
      $(function() {
          $('#single-cycle').cycle({
              fx : 'scrollUp', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
              fit : 1,
              height : 55
          });
      });
  </script>
  <script type="text/javascript">
  $(document).ready(function() {
    $('#sngle-cycle').carousel()
    $('#usr-cycle').carousel()
  });
  </script>
</body>
</html>